@import '@/lib/reset.scss';

.siftJingx {
    width: 1000px;
    margin: 20px auto;
    .jingxtop {
        background: url(../../img/bg_top.png) no-repeat;height: 7px;
    }
    .jingxContent {
        background: url(../../img/bg_middle.png) repeat-y;height: 200px;
        h2 {
            background: url(../../img/bar_bg.png) no-repeat center bottom;font-size: 26px;text-align: center;font-weight: 100;padding-top: 20px
        }
        ul{
          padding-left: 20px;padding-top: 20px; width: 980px;line-height: 32px;
            li {
                float: left;width: 80px;
                color: #999;
                font-size: 12px;
                text-align: center;
                a{
                    font-size: 16px;color: #333;
                    &:hover {
                       cursor: pointer;color: #e79f22;
                    }
                }
            }
        }
    }
    .jingxbot {
        background: url(../../img/bg_bottom.png) no-repeat;height: 7px
    }
}
.collJingx {
    width: 1000px;margin: 50px auto 0;min-height: 400px;
    h2 {
        background: url(../../img/bar_bg.png) no-repeat center bottom;font-size: 26px;text-align: center;font-weight: 100;
    }
    ul{
        width: 100%;
        li {
            width: 235px;
            background: url(../../img/zj_bg.png) no-repeat;
            float: left;
            margin: 30px 15px 0 0;
            height: 165px;
            position: relative;
            p{
                display: block;
                padding-top: 10px;
                img{
                    width: 215px;
                    height: 110px;
                    margin: 0 auto;
                    display: block;
                }
            }
            .sjname{
                position: absolute;bottom: 0;
                color: #333;font-size: 15px
            }
            .sjzhez{
                background: #998572;position: absolute;top: 0;width: 235px;height: 130px;left: 0;display: none;
                p{
                   line-height: 17px;
                   padding: 15px 15px 8px;color:#fff;font-size: 12px
                }
                div{
                    text-align: center;
                    a{
                        background: #fff;
                        padding: 3px 10px;
                        line-height: 30px;
                        color: #a9927e;
                    }
                }
            }
            &:hover {
                .sjzhez {
                  display: block;
                }
            }
        }
    }
}
.zmtop{
    width: 100%;margin: 50px auto 0;height: 530px;background: #f8f8f8;overflow: hidden;
    h2{
        background: url(../../img/bar_bg.png) no-repeat center bottom;font-size: 26px;text-align: center;font-weight: 100;padding-top: 20px;margin-bottom: 30px
    }
    ul{
       margin:0 auto; width:1000px;
       li{
        width: 145px;
        background: #fff;
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
        height: 200px;
          a{
            border: 1px solid #fff;
            display: block;
            padding: 20px 0;
            img{
                width: 100px;
                height: 100px;
                display: block;
                margin: 0 auto;
                border-radius: 50%;
            }
            p{
              color: #333;text-align: center;margin-top: 20px
            }
          }
          &:hover {
            border: 1px solid #c0b8ac;
        }
          
        }  
    }
   
}